<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/templateList.xhtml">

<ui:define name="body">

	 <script type="text/javascript">
        function setCaretToEnd (e) {
            var control = $((e.target ? e.target : e.srcElement).id);
            if (control.createTextRange) {
                var range = control.createTextRange();
                range.collapse(false);
                range.select();
            }
            else if (control.setSelectionRange) {
                control.focus();
                var length = control.value.length;
                control.setSelectionRange(length, length);
            }
            control.selectionStart = control.selectionEnd = control.value.length;
        } 
    </script>

	<table align="right">
		<tr>
			<td>
				<h:commandButton immediate="true"
					onclick="abrirPopup('help_online/help_produto_list.seam');" 
					title="Ajuda Online"
					alt="Ajuda Online"
					image="img/help_peq.jpg"/>
			</td>
		</tr>
	</table>
	
	<h2 class="title"><a href="#">Gerenciar Produtos</a></h2><br/>
	
            
	<h:form id="listProdutoForm">
        <rich:dataTable value="#{manterProdutoController.listaProdutos}" var="_prod"
        	rows="10"
        	id="tabelaProdutos">
        	
        	<f:facet name="header">
        		<rich:columnGroup>
        			<rich:column>
	        			<h:selectBooleanCheckbox value="#{manterProdutoController.selecionadoTodos}">
	        				<a:support event="onchange" action="#{manterProdutoController.selecionaTodos}"
	        					reRender="tabelaProdutos"/>
	        			</h:selectBooleanCheckbox>	
        			</rich:column>
        			<rich:column>
        				<h:outputText value="NOME" />
        			</rich:column>
        			<rich:column>
        				<h:outputText value="FABRICANTE" />
        			</rich:column>
        			<rich:column>
        				<h:outputText value="QTDE. ESTOQUE" />
        			</rich:column>
        			<rich:column>
        				<h:outputText value="" />
        			</rich:column>
        		</rich:columnGroup>
        	</f:facet>
        
        	<rich:column>
        		<f:facet name="header">
        		</f:facet>
        		<h:selectBooleanCheckbox value="#{_prod.selecionado}"/>
        	</rich:column>
        	
        	<rich:column filterMethod="#{manterProdutoController.filtrarPorNome}">
        		<f:facet name="header">
        			<h:inputText value="#{manterProdutoController.filtroNome}" id="inputNome"
        				title="Digite o filtro e aguarde a pesquisa automática">
                        <a:support event="onkeyup" reRender="tabelaProdutos, scroller"
                            ignoreDupResponses="true" requestDelay="500"
                            oncomplete="setCaretToEnd(event);"/>
                    </h:inputText>
        		</f:facet>
        		<h:outputText value="#{_prod.dscNome}"/>
        		<a:queue ignoreDupResponses="true"/>
        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
					styleClass="tooltip" layout="block">
					<span style="white-space: nowrap">
						<table>
							<tr>
								<td>
									<strong>Código de barras:</strong><h:outputText value=" #{_prod.codBarras}" /><br/> 
									<strong>Dosagem:</strong><h:outputText value=" #{_prod.dosagem}" /><br/>
									<strong>Valor de custo:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProdutoCusto}" converter="conversorMonetario" /><br/> 
									<strong>Valor de venda:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProduto}" converter="conversorMonetario" />
								</td>
							</tr>
						</table> 
					</span>
				</rich:toolTip>
        	</rich:column>
        	
        	<rich:column filterMethod="#{manterProdutoController.filtrarPorFabricante}">
        		<f:facet name="header">
        			<h:inputText value="#{manterProdutoController.filtroFabricante}" id="inputFabricante"
        				title="Digite o filtro e aguarde a pesquisa automática">
                        <a:support event="onkeyup" reRender="tabelaProdutos, scroller"
                            ignoreDupResponses="true" requestDelay="500"
                            oncomplete="setCaretToEnd(event);"/>
                    </h:inputText>
				</f:facet>
        		<h:outputText value="#{_prod.dscFabricante}"/>
        		<a:queue ignoreDupResponses="true"/>
        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
					styleClass="tooltip" layout="block">
					<span style="white-space: nowrap">
						<table>
							<tr>
								<td>
									<strong>Código de barras:</strong><h:outputText value=" #{_prod.codBarras}" /><br/> 
									<strong>Dosagem:</strong><h:outputText value=" #{_prod.dosagem}" /><br/>
									<strong>Valor de custo:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProdutoCusto}" converter="conversorMonetario" /><br/> 
									<strong>Valor de venda:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProduto}" converter="conversorMonetario" />
								</td>
							</tr>
						</table> 
					</span>
				</rich:toolTip>
        	</rich:column>
        	
        	<rich:column filterMethod="#{manterProdutoController.filtrarPorQtdeEstoque}">
        		<f:facet name="header">
        			<h:inputText value="#{manterProdutoController.filtroQtdeEstoque}" id="inputEstoque"
                		style="width:20px;"
        				title="Digite o filtro e aguarde a pesquisa automática">
                        <a:support event="onkeyup" reRender="tabelaProdutos, scroller"
                            ignoreDupResponses="true" requestDelay="500"
                            oncomplete="setCaretToEnd(event);"/>
                    </h:inputText>
        		</f:facet>
        		<h:outputText value="#{_prod.qtdEstoque}"/>
        		<a:queue ignoreDupResponses="true"/>
        		<rich:toolTip followMouse="true" direction="top-right" showDelay="500"
					styleClass="tooltip">
					<span style="white-space: nowrap">
						<table>
							<tr>
								<td>
									<strong>Código de barras:</strong><h:outputText value=" #{_prod.codBarras}" /><br/> 
									<strong>Dosagem:</strong><h:outputText value=" #{_prod.dosagem}" /><br/>
									<strong>Valor de custo:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProdutoCusto}" converter="conversorMonetario" /><br/> 
									<strong>Valor de venda:</strong><h:outputText value=" R$ " /><h:outputText value="#{_prod.vlrProduto}" converter="conversorMonetario" />
								</td>
							</tr>
						</table> 
					</span>
				</rich:toolTip>
        	</rich:column>
        	
        	<rich:column rendered="#{identity.hasRole('GERENCIAR_PRODUTOS_GRAVAR')}">
        		<f:facet name="header"></f:facet>
        		<h:commandLink value="EDITAR"
        			action="#{manterProdutoController.editar(_prod)}"/>
        	</rich:column>
        </rich:dataTable>
        <rich:datascroller for="tabelaProdutos" id="scroller"/>
        
        <br/>
           <div class="actionButtons">
        	<h:commandButton id="new" value="Novo" action="#{manterProdutoController.novoProduto}"
        		rendered="#{identity.hasRole('GERENCIAR_PRODUTOS_GRAVAR')}"/>
        	<h:commandButton id="remove" value="Excluir" action="#{manterProdutoController.excluir}"
        		rendered="#{identity.hasRole('GERENCIAR_PRODUTOS_EXCLUIR')}"
        		onclick="javascript:if(!confirm('Tem certeza que deseja excluir o(s) produto(s) selecionado(s)?'))return false;"/>
        </div>
       </h:form>

 </ui:define>
</ui:composition>
